{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{% block title %}{% endblock %}</title>
    <meta name="viewport"
          content="width=device-width, minimum-scale=1.0,initial-scale=1,maximum-scale=1,user-scalable=no">
    {#    <meta name="apple-mobile-web-app-capable" content="yes">#}
    {#    <meta name="apple-mobile-web-app-status-bar-style" content="black">#}

    <link rel="stylesheet" type="text/css" href="{% static 'mui/css/mui.min.css' %}"/>
    {#    <link rel="stylesheet" type="text/css" href="{% static 'css/mystyle.css' %}"/>#}
    <link rel="stylesheet" type="text/css" href="{% static 'css/mobile.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}?123456"/>
    {% block style %}{% endblock %}
    <style>
        .left_menu li {
            background-color: white;
        }

        .left_menu li a p {
            color: black;
        }
    </style>
    {% block headjs %}{% endblock %}
    <script>
        {#        (function (doc, win) {#}
        {#            var docEl = doc.documentElement,#}
        {#                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',#}
        {#                    recalc = function () {#}
        {#                        var clientWidth = docEl.clientWidth;#}
        {#                        if (!clientWidth) return;#}
        {#                        docEl.style.fontSize = 20 * (clientWidth / 375) + 'px';#}
        {#                    };#}
        {#            if (!doc.addEventListener) return;#}
        {#            win.addEventListener(resizeEvt, recalc, false);#}
        {#            doc.addEventListener('DOMContentLoaded', recalc, false);#}
        {#        })(document, window);#}
    </script>
</head>

<body>
{% block content %}
{% endblock %}

<script type="text/javascript" src="{% static 'js/jquery-1.8.3.min.js' %}" charset="utf-8"></script>
<script src="/static/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script type='text/javascript' src='/static/mobile/js/weixinjs/jweixin-1.0.0.js'></script>
<script src="/static/mobile/js/weixinjs/weixin_jsapi.js" type="text/javascript" charset="utf-8"></script>
{#<script src="{% static 'layer/layer.js' %}" type="text/javascript"></script>#}
{#<script src="{% static 'layer/extend/layer.ext.js' %}" type="text/javascript"></script>#}
{#<script src="{% static 'js/pop-up-box.js' %}" type="text/javascript" charset="utf-8"></script>#}
<script src="{% static 'js/common.js' %}" type="text/javascript" charset="utf-8"></script>
{#<script src="{% static 'js/bootstrap3-validation.js' %}" type="text/javascript" charset="utf-8"></script>#}
{#<script src="{% static 'mobile/js/base.js' %}" type="text/javascript" charset="utf-8"></script>#}
<script>
    mui.init();
    //侧滑容器父节点
    var offCanvasWrapper = mui('#offCanvasWrapper');
    //主界面容器
    var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');
    //菜单容器
    var offCanvasSide = document.getElementById("offCanvasSide");
    //
    //主界面‘显示侧滑菜单’按钮的点击事件
    {#    var offCanvasShow = document.getElementById('offCanvasShow').addEventListener('tap', function () {#}
    {#        offCanvasWrapper.offCanvas('show');#}
    {#    });#}
    //菜单界面，‘关闭侧滑菜单’按钮的点击事件
    {#    document.getElementById('offCanvasHide').addEventListener('tap', function () {#}
    {#        offCanvasWrapper.offCanvas('close');#}
    {#    });#}

    //主界面和侧滑菜单界面均支持区域滚动；
    mui('#offCanvasSideScroll').scroll();
    mui('#offCanvasContentScroll').scroll();
    //实现ios平台原生侧滑关闭页面；
    if (mui.os.plus && mui.os.ios) {
        mui.plusReady(function () { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
            plus.webview.currentWebview().setStyle({
                'popGesture': 'none'
            });
        });
    }
    mui('body').on('tap', 'a', function () {
        document.location.href = this.href;
    });

</script>
{% block footjs %}{% endblock %}
</body>

</html>